﻿
@{
    ViewBag.Title = "Index";
}

<link href="/HelpContent/Css/TableManager.css" rel="stylesheet" />

<link href="/HelpContent/FormKuang/text.css" rel="stylesheet" />
<script src="/HelpContent/FormKuang/text.js"></script>
<div id="app" class="Body">
    <div class="Content">
        <div class="title">
            <div class="left">
                控制台 <span>/</span> <a href="#">餐台管理</a>
            </div>
        </div>

        <div class="Table">
            <div class="Tabletype">
                <div class="Name">
                    <span>餐桌类型</span>
                    <a href="/index/AddTableTypeHtml"> <div class="AddType"><i class="fas fa-plus-circle"></i></div></a>
                </div>




                <div class="Types">



                </div>
            </div>
            <div class="Tables">
                <div class="Name">
                    <div class="left">
                        <div class="tablttitle">桌子信息</div>
                        <div id="StatusSelect" style="width:300px;" class="Select-Control">

                        </div>


                        <div style="margin:0px;width:400px;" class="Input-Control">
                            <div class="input-text"><p>桌子号码</p></div>
                            <input style="width:300px;" id="Tnumber" type="text" required name="name" autocomplete="off" value="" placeholder="请输入桌子号码" />
                        </div>

                        <div style="margin:0px;width:100px;" class="Input-Control">
                            <button id="query">查询</button>
                        </div>
                    </div>

                </div>

                <div class="TableBox">
                    <div class="addTable">
                        <i class="fas fa-plus-circle"></i>

                    </div>
                    <div class="table_option">
                        <div class="top">
                            <div class="Ttitle">
                                <div class="Tname">T001</div>
                                <div class="more">
                                    <i class="fas fa-ellipsis-v"></i>

                                    <div class="Menu">
                                        <button disabled class="option">开台</button>
                                        <button class="option">编辑</button>
                                        <button class="option">删除</button>
                                    </div>
                                </div>
                            </div>
                            <div class="talbeInfo">
                                <div class="icon">
                                    <i class="fas fa-couch"></i>
                                </div>
                                <div class="info">
                                    <div class="status">
                                        <div class="titleName">状态：</div>
                                        <div class="statusName">已禁用</div>
                                    </div>
                                    <div class="Num">
                                        <div class="titleName">余座：</div>
                                        <div class="Renshu">2</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="bottom">
                            <div class="titlename">占用人数</div>
                            <div class="icon">
                                <i class="fas fa-male active"></i>
                                <i class="fas fa-male"></i>
                                <i class="fas fa-male"></i>
                            </div>
                            <div class="FenQu">
                                <span class="ZhanYon">1</span>
                                <span>/</span>
                                <span class="ZongGong">3</span>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>


</div>





<script src="~/HelpContent/JavaScript/TableManager.js"></script>